<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>租赁产品信息</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="/res/css/sm.min.css">
    <link rel="stylesheet" href="/res/css/sm-extend.min.css">
    <link rel="stylesheet" href="/res/css/swiper.min.css">
    <link rel="stylesheet" href="/res/font/iconfont.css">
    <link rel="stylesheet" href="/res/css/common.css">
<body>
<div class="page-group">
    <div class="page page-current">
        <!--<header class="bar bar-nav">-->
            <!--<a class="button button-link button-nav pull-left external" href="/user/mine" data-transition='slide-out'>-->
                <!--<span class="icon icon-left"></span>-->
                <!--返回-->
            <!--</a>-->
            <!--<h1 class="title">租赁产品信息</h1>-->
        <!--</header>-->
        <nav class="bar bar-tab">
            <a class="tab-item external" href="/user/index">
                <span class="icon iconfont icon-shouye"></span>
                <span class="tab-label">首页</span>
            </a>
            <a class="tab-item external" href="/user/adv">
                <span class="icon iconfont icon-chanpin"></span>
                <span class="tab-label">产品</span>
            </a>
            <a class="tab-item external" href="/user/reserve">
                <span class="icon iconfont icon-ding"></span>
                <span class="tab-label">预定</span>
            </a>
            <a class="tab-item active external" href="/user/mine">
                <span class="icon iconfont icon-wode"></span>
                <span class="tab-label">我的</span>
            </a>
        </nav>
        <div class="content">
            <!-- 这里是页面内容区 -->
            <div class="list-block media-list leasing_card">
                <div class="content-block">
                    <div class="item-content">
                        <div class="item-media"><img src="" style='height: 5.2rem;'></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title"></div>
                            </div>
                            <div class="item-text"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-block-title">设备租赁情况</div>
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">勘察现场</div>
                            <div class="item-after" id="seeDate">暂未实施</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">安装调试</div>
                            <div class="item-after" id="installDate">暂未实施</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">有效期至</div>
                            <div class="item-after" id="validityDate">2018年10月2日</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-block-title">产品服务</div>
            <div class="card bb" style="margin:auto">
                <div class="card-content-inner">
                    <div class="row no-gutter" style="text-align: center">

                        <div class="col-50 dd">
                            <p><a class="renew"><span class="icon iconfont icon-xufei icon_display"
                                                      style="color: #44b554;"></span>续费</a></p>
                            <hr style="width: 70%;margin:0 auto"/>
                        </div>
                        <div class="col-50 cc">
                            <p><a class="repair"><span class="icon iconfont icon-baoxiu icon_display"
                                                       style="color: #44b554;"></span>报修</a></p>
                            <hr style="width: 70%;margin:0 auto"/>
                        </div>
                        <div class="col-50 dd">
                            <p><a class="buyOut"><span class="icon iconfont icon-maiduan icon_display"
                                                       style="color: #44b554;"></span>买断</a></p>
                            <hr style="width: 70%;margin:0 auto"/>
                        </div>
                        <div class="col-50 cc">
                            <p><a class="rent"><span class="icon iconfont icon-rent icon_display"
                                                     style="color: #44b554;"></span>退租</a></p>
                            <hr style="width: 70%;margin:0 auto"/>
                        </div>
                        <div class="col-50 dd">
                            <p><a class="toRent"><span class="icon iconfont icon-gaizu icon_display"
                                                       style="color: #44b554;"></span>改租</a></p>
                        </div>
                        <div class="col-50 cc">
                            <p><a class="evaluate"><span class="icon iconfont icon-pingjia icon_display"
                                                         style="color: #44b554;"></span>评价</a></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
</div>

<script type='text/javascript' src='/res/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/jquery-3.2.1.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/swiper.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/util.js' charset='utf-8'></script>
<script>
    jQuery.noConflict();
    var $j = jQuery;
    $j.loadJs('/res/js/new/rent.js?v_' + Math.random(),null);
</script>
</body>
</html>